<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>

  <body>
    <script>
      /***********************************
              1.请写出javascript的三种循环
          ***********************************/

      // for循环:
      // for(初始化变量;条件判断;自变量控制){
      //          循环语句;
      // }

      // while循环：
      // while(循环条件){
      //       循环语句;
      //   }

      //   do{
      //        循环语句;
      //   }while(循环语句);

      /***********************************
              2.请写出break和continue作用和区别
          ***********************************/
      //break:跳出循环体,不再执行后面循环;
      //continue:跳出本次循环,继续执行下一次循环;

      /***********************************
              3.循环输出1-100 里奇数
          ***********************************/
      //   for(var i=1;i<=100;i++){
      //     if(i%2!=0){
      //         document.write(`${i} `);
      //    }
      // }

      /***********************************
              4.有一分数序列：2/1，3/2，5/3，8/5，13/8，21/13...求出这个数列的前20项之和。
      ***********************************/
      //答案：2/1 3/2 5/3 8/5 13/8 21/13 34/21 55/34 89/55 144/89 233/144 377/233 610/377 987/610 1597/987
      //   2584/1597 4181/2584 6765/4181 10946/6765 17711/10946
      //     求和:32.66026079864164
      //   var sum = 0;
      //   var change = 0;
      //   var a = 2;
      //   var b = 1;
      //   for (var i = 1; i <= 20; i++) {
      //     sum += a / b;
      //     document.write(` ${a}/${b}`);
      //     change = a;
      //     a = a + b;
      //     b = change;
      //   }
      //   console.log(sum);

      /***********************************
              5.有一座桥，当你身上所拥有的钱大于30000时，每过一次桥则需要支付3000元。当你身上的钱小于或等于30000时，
              每过一次桥则需要支付你身上10%的钱。已知有一个人身上有33000元，问此人能过这座桥多少次之后，身上的钱会少于100块?
          ***********************************/
      //   答案：56;
      //   for (var money = 33000, i = 0; money >= 100; ) {
      //     if (money > 30000) {
      //       money -= 3000;
      //       i++;
      //     } else if (money <= 30000) {
      //       money *= 0.9;
      //       i++;
      //     }
      //   }
      //   document.write(`此人能过这座桥${i}次后,身上的钱会少于100块`);

      /***********************************
              6.小明去存1000钱，每天会产生1%的利息，求问，30天后，小明可以拿回多少钱
          ***********************************/
      //  答案：1347.8489153329053
      //     var money = 1000;
      //   for (var day = 0; day < 30; day++) {
      //     money += money * 0.01;
      //   }
      //   console.log(money);

      /***********************************
              7.黑白棋   奇数行 && 奇数列 || 偶数行 && 偶数列
          ***********************************/
      //     <style>
      //     *{
      //       margin: 0;
      //       padding: 0;
      //     }
      //     .box {
      //       position: absolute;
      //       left: calc(50% - 200px);
      //       top: calc(50% - 200px);
      //       display: flex;
      //       flex-wrap: wrap;
      //       width: 400px;
      //       /* height: 250px; */
      //       /* background-color: pink; */
      //     }
      //     .box div {
      //       box-sizing: border-box;
      //       width: 50px;
      //       height: 50px;
      //     }
      //   </style>
      // </head>
      // <body>

      //     document.write(`<div class=box>`);
      //     for (var i = 0; i < 8; i++) {
      //       for (var j = 0; j < 8; j++) {
      //         if ((i % 2 != 0 && j % 2 == 0) || (i % 2 == 0 && j % 2 != 0)) {
      //           document.write(`<div style="background:#792F1B;border:1px solid #000;"></div>`);
      //         } else {
      //           document.write(`<div style="background:#FFEDCD;border:1px solid #000;"></div>`);
      //         }
      //       }
      //     }
      //     document.write(`</div>`);

      /***********************************
              8.九九乘法表作业
          ***********************************/
      //  <style>
      //       table {
      //         margin: 100px auto;

      //         /* border: 1px solid black; */
      //       }

      //       table td {
      //         border-collapse: collapse;
      //         /* border: 1px solid black; */
      //       }
      //     </style>
      //   </head>
      //
      //    <body>

      //       document.write('<table style="text-align:center;color:teal;" cellspacing=0>');
      //       for (var i = 1; i < 10; i++) {
      //         document.write('<tr>');
      //         for (var k = 1; k <= 9 - i; k++) {
      //           document.write(`<td>`);
      //           document.write(`</td>`);
      //         }
      //         for (var j = 1; j <= i; j++) {
      //           document.write(`<td  style="border:1px solid black">`);
      //           document.write(`${j} * ${i} = ${j * i}&nbsp;&nbsp;&nbsp;`);
      //           document.write(`</td>`);
      //         }
      //         document.write('</tr>');
      //         document.write('<br/>');
      //       }
      //       document.write('</table>');
    </script>
  </body>
</html>
